.body-page{height: 100%;}
.relative{ position: relative;}
.absolute{ position: absolute;}
.ab-right{right: 0;}
.ab-left{left: 0;}
.touch-body{
	overflow: hidden;
	position:fixed;
	height: 100%;
	width: 100%;
}
.touch-body-zIndex{
	z-index: 99999999;
}

.fixed{position: fixed;}
.top-fixed,.fixed-top{top: 0;width: 100%;}
.fixed-top-h5{top:44px;width: 100%;}
.fixed-footer{bottom: 0;width: 100%;}
.z-9{z-index: 9;}
.z-99999{z-index: 99999;}

.tc{ text-align: center;}
.tr{ text-align: right;}

.left{float: left;}
.right{float: right;}
.clear{clear: both; width: 100%;}
.h{overflow: hidden;}
.m-auto{ margin: 0 auto;}

.p-5{padding: 10upx;}
.p-10{padding: 24upx;}
.p-15{padding: 30upx}
.p-20{padding: 40upx}
.p-30{padding: 60upx}
.p-50{padding: 100upx}



.pt-4{ padding-top: 4upx;}
.pt-6{ padding-top: 6upx;}
.pt-8{ padding-top: 8upx;}
.pt-10{ padding-top: 10upx;}
.pt-14{ padding-top: 14upx;}
.pt-20{ padding-top: 20upx;}
.pt-24{ padding-top: 24upx;}
.pt-30{ padding-top: 30upx;}
.pt-36{ padding-top: 36upx;}
.pt-40{ padding-top: 40upx;}
.pt-50{ padding-top: 50upx;}
.pt-60{ padding-top: 60upx;}
.pt-70{ padding-top: 70upx;}
.pt-80{ padding-top: 80upx;}
.pt-100{ padding-top: 100upx;}
.pt-400{padding-top: 400upx;}

.pl-6{padding-left: 6upx;}
.pl-10{padding-left: 10upx;}
.pl-24{padding-left: 24upx;}
.pl-30{padding-left: 30upx;}
.pl-60{padding-left: 60upx;}

.pr-4{padding-right: 4upx;}
.pr-10{padding-right: 10upx;}
.pr-14{padding-right: 14upx;}
.pr-20{padding-right: 20upx;}
.pr-24{padding-right: 24upx;}
.pr-30{padding-right: 30upx;}
.pr-50{padding-right: 50upx;}
.pr-60{padding-right: 60upx;}
.pr-100{padding-right: 100upx;}

.pb-6{padding-bottom: 6upx;}
.pb-10{padding-bottom: 10upx;}
.pb-20{padding-bottom: 20upx;}
.pb-24{padding-bottom: 24upx;}
.pb-30{ padding-bottom: 30upx;}
.pb-50{ padding-bottom: 50upx;}
.pb-60{ padding-bottom: 60upx;}


.b-b-d{ border-bottom: #ddd solid 1px;}
.b-b-f2{ border-bottom: #f2f2f2 solid 1px;}
.b-t-f2{ border-top: #f2f2f2 solid 1px;}
.b-t-e6{ border-top: #e6e6e6 solid 1px;}

.pt-0{ padding-top: 0;}
.pb-0{padding-bottom: 0;}

.mt-24{ margin-top: 24upx;}
.mt-10{ margin-top: 10upx;}

.ml-10{ margin-left: 10upx;}
.ml-24{ margin-left: 24upx;}
.ml-40{ margin-left: 40upx;}

.mr-24{ margin-right: 24upx;}

.mb-24{ margin-bottom: 24upx;}


.r-5{ border-radius: 10upx;}
.r-10{ border-radius: 20upx;}
.r-lt-10{border-top-left-radius: 20upx;}
.r-rt-10{border-top-right-radius: 20upx;}

.bottom-height{
	height: var(--window-bottom);
}
.content-height{
	height:  var(--window-bottom);

}